<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>取货码</title>
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../lib/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <!--微信JS-SDK-->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!--引入二维码-->
    <script src="../lib/qrcodejs/qrcode.min.js"></script>

    <!-- 引入vue -->
    <script src="../lib/vue/vue.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/common/common.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/order/pickUpCode.css">
</head>
<body>
    <div id="pickUpCode">
        <div>
            <div class="pickUpCode_head clearfix">
                <div class="fl storeLogo">
                   <div class="storeLogo_img"></div>
                    <!--<img :src="item.logoPath" alt="" class="storeLogo_img">-->
                </div>
                <div class="fl storeInfo">
                    <p v-cloak>店铺名称: {{storeName}}</p>
                    <p v-cloak>店铺地址: {{storeAddress}}</p>
                    <p v-cloak>取货编码: {{takeCode}}</p>
                </div>
            </div>
            <div class="linear"></div>
            <div class="pickUpCode_Con">
               <div class="delivery_time" v-if="remainingTime>=0&&deliveryWay==1">

                    <div>
                        <img src="../images/order/shijian@2x.png" alt="">
                        <span>预计送达时间</span>
                    </div>
                   <div>
                       <b v-cloak>{{expressTime}}</b>
                   </div>
               </div>

                <div class="delivery_overtime" v-if="remainingTime<0&&deliveryWay==1">
                    <div>
                        <img src="../images/order/after_tishi.png" alt="">
                        <span>抱歉,您的商品超时未送达</span>
                    </div>
                    <div class="storeTel">
                        <p v-cloak>联系商家: <span>{{storeTel}}</span></p>
                    </div>
                </div>
                <div class="QR_code">
                    <p class="codeName">收货二维码</p>
                    <div id="qrcode"></div>
                </div>
                <p class="notice">(注: 请妥善保管您的取货凭证,谨慎分享)</p>
            </div>
        </div>

    </div>
</body>
<script src="../lib/ydui/ydui.js"></script>
<script src="../js/order/pickUpCode.js"></script>
</html>